/* Reset */
header,footer,article,nav,section,aside,time,hgroup {
	display: block;
}

html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td
	{
	border: 0;
	font: 12px/22px Verdana, sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
}

/* BASICS */
BODY {
	background: #FFF;
	border-top: 50px solid #B21303;
  background-image: url(../img/i/pixelrouge.png);
	background-repeat:repeat-x;
	color: #444;
}

A {
	color: #0A647C;
	text-decoration: none;
}

A:HOVER {
	color: #DB0202;
}

H1,H3,H4,H5,H6 {
	background: url(../img/i/ai4.png) no-repeat 0 7px;
	border-bottom: 1px dotted #B5B3A9;
	color: #222;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}

H1 {
	background: url(../img/i/ai4.png) no-repeat 0 6px;
	font-size: 15px;
}

.noPict {
margin-top:5px;
  text-shadow: 1px 1px 20px #fff;
/* background:#fff !important; */
display:block;
font-size:22px;
  line-height:50px;
color:black;
width:70%;
text-align:center;
font-weight:bold;
padding:10px;
}

H2 {
	font-size: 14px;
	margin: 0 0 20px 0;
}

H3 {
	background: url(../img/i/ai5.png) no-repeat 0 7px;
	margin-bottom:15px !important;
}

H3,H4,H5,H6 {
	font-size: 13px;
}

SUP {
	top: -4px;
}

/* Header */
header {
	background: url(../img/i/hd.png) no-repeat top left;
	height: 200px;
    margin-bottom:50px;
	padding-left:35px;

}

header .header {
position:absolute;
padding-right:10px;
margin-left:575px;z-index:10;
background-color:#FFFFFF;
text-align:right;
height:20px;
margin-bottom:20px;
font-size:10px !important;
}

header .header a {
  font-size:10px !important;
}

.headerLeft {

background-color:none;
width:200px;
height: 200px;
float:left;
}

.headerCenter {
background-color:none;
width:400px;
height: 200px;
float:left;
}

.headerRight {
box-shadow: 1px 1px 12px #555;
margin-top:30px;
border:1px solid #ccc;
width:200px;
float:right;
background:#fff;
}



/* Article */
article {
	border-right: 1px dotted #666;
	float: left;
	height: auto;
	padding: 0 20px 0 0;
	width: 600px;
	background-color: buttonface;
	border:3px solid red;
}

article p {
	margin: 0 0 20px 0;
}

 article .enteteImg {
	float: left;
	margin: 6px 10px 0 0;
}

/* Highlighted Paragraphs */
.highlight-1,.highlight-2,.highlight-3 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 10px;
}

.highlight-1 {
	background: #FFCCCC;
	border: 1px dotted #FF9966;
}

.highlight-2 {
	background: #FFFF99;
	border: 1px dotted #FFCC33;
}

.highlight-3 {
	background: #CCFF99;
	border: 1px dotted #CCCC33;
}

/* Citations & Quotes */
cite {
	border-left: 2px solid #DB0202;
	color: #666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

blockquote {
	border-left: 2px solid #DB0202;
	color: #666;
	margin: 0 0 20px 0;
	padding: 5px 10px;
}

/* Pre & Code */
pre {
	color: #333;
	font-size: 10px;
	line-height: 15px; /* Height of each line of code--*/
	overflow: hidden;
	/* If the Code exceeds the width, put "auto" and scrolling is available--*/
	overflow-Y: hidden; /* Hides vertical scroll created by IE--*/
}

pre code {
	background: #EEE;
	border-left: 2px solid #DB0202;
	margin: 0 0 10px 0;
	padding: 5px;
	display: block;
}

/* Table CONFLICT
table {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 0px 0;
}

caption {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #DB0202;
	color: #FFF;
	font-weight: bold;
}

tr:nth-child(odd) {
	background: #FFF;
}

tr:nth-child(even) {
	background: #DDD;
}

tr:hover td {
	color: #DB0202;
}

td,th {
	min-width: 120px;
	padding: 0 5px;
	vertical-align: top;
}

th {
	background: #FFF;
	border-bottom: 2px solid #DB0202;
	color: #666;
	font-size: 10px;
	font-weight: bold;
}

td {
	border-bottom: 1px solid #CCC;
	font-size: 10px;
} */

/* Calendar */
dl.vevent {
	margin: -20px 0 20px 0;
	padding: 0;
}

.vevent dt {
	font-size: 10px;
	position: relative;
	left: 0;
	top: 22px;
	font-weight: bold;
}

.vevent dd {
	border-left: 2px solid #DB0202;
	font-size: 11px;
	margin: 0 0 0 80px;
	padding: 0 0 0 10px;
}

dd.summary {
	font-weight: bold;
}

.vevent a {
	font-size: 11px;
}

/* Forms */
article form {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #DDD;
	margin: 0 0 20px;
	padding: 10px;
}

article label {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 2px;

}

article input,article textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 4px 5px;
	width: 258px;
}

article input {
	margin: 0 0 10px;
}

article input.button,.btn {
	background: #B21303;

	border: 1px solid #000 !important;
	color: #000 !important;
	cursor: pointer;
	font-weight: bold;
	margin-top: 10px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  width:100% !important;
}

article textarea {
	height: 100px;
}

/* Lists */
article ul,aside ul {
	list-style: none;
	margin: 0 0 20px 0;
}

article ul {
	margin: 0 0 20px 23px;
}

article ul li {
	background: url(../img/i/ai2.png) no-repeat 0 8px;
	padding: 0 0 0 17px;
}

/* Sidebar */
aside {
	float: right;
	margin: 0 0 20px 0;
	width: 200px;
	background-color: yellow;
	border: 1px solid black;
	
}
aside .boite{
	border: 1px solid black;
	width:200px;
	text-align: center;
	margin-top:15px;
	margin-bottom: 15px;
	margin-left: -1px;
	margin-right: -1px;
}

aside .box{
	border: 1px solid black;
}
/* Search Box */
.s {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 179px;
}

.s input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCC;
	color: #999;
	font-size: 11px;
	padding: 4px 5px;
	width: 168px;
}

/* Navigation & Menu */
nav ul {
	list-style: none;
}

nav li {
	background: url(../img/i/ai1.png) no-repeat 0 8px;
	padding: 0 0 0 15px;
}

nav li ul,aside li ul li ul {
	margin: 0;
}

nav li li a {
	font-size: 11px;
}

nav li li li a {
	font-size: 10px;
}

nav li li li,aside li.active li li {
	background: url(../img/i/ai8.png) no-repeat 0 10px;
}

nav li.active,aside li.active li {
	background: url(../img/i/ai2.png) no-repeat 0 8px;
}
/* Gallery */
.gallery {
	list-style: none;
	margin: 0 0 10px;
}

.gallery li {
	display: inline;
	margin: 0 15px 0 0;
}

.gallery a img {
	border: 1px solid #999;
	height: 50px;
	opacity: 0.8;
	padding: 1px;
	width: 50px;
}

.gallery li:last-child {
	margin: 0 0 10px 0;
}

.gallery a img:hover {
	opacity: 1;
}

/* Ad Space */
.adspace {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	background: #EEE;
	height: 100%;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	text-align: center;
	width: 178px;
}

.adspace a img {
	border: none;
}

/* Tag Cloud */
#tagcloud {
	overflow: hidden;
	width: 200px;
}

#tagcloud li {
	display: inline;
	margin: 0 10px 0 0;
}

.tagcloudsize-1 a {
	font-size: 14px;
}

.tagcloudsize-2 a {
	font-size: 16px;
}

.tagcloudsize-3 a {
	font-size: 18px;
}

/* Footer */
footer {
	border-top: 1px dotted #B5B3A9;
	clear: both;
	margin: 20px 0;
}

footer a,footer p {
	color: #666;
	display: inline;
	font-size: 10px;
}

/* Wrappers */
#a,#b {
	margin: 0 auto;
	position: relative;
}

#container {
	width: 840px;
	margin:auto;
}

#b {
	overflow: hidden;
}

/* Shadow-Boxes*/
#c,.meta,.s {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	background: #EEE;
}

#c {
	background: #EEE;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	width: 178px;
}

#c p,#c a {
	font-size: 11px;
	line-height: 15px;
}

#c p {
	margin: 0 0 10px 0;
}

#c img {
	float: left;
	margin: 4px 10px 2px 0;
}

.meta {
	margin: 20px 0 3px;
	padding: 2px 5px;
}

.meta p,.meta a {
	font-size: 10px;
	margin: 0;
}

.commentaires {
	color: #090 !important;
	font-weight: bold;
}

.afaire {
	background-image: url(../img/icons/accept.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	vertical-align: bottom;
}

.images {
	display: block !important;
	margin-bottom: 40px;
	margin-top: 40px;
}